// article_pkg/pages/onlineRepairReport/onlineRepairReport.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    show: false,
    showSheet: false,
    showTitle: '选择报修房屋',
    showSheeTitle: '选择维修项目',
    actions: [
      { name: '暂无可报修房屋', disabled: true },
      { name: '黄哈哈' }
    ],
    actionSheet: [
      { name: '开门换锁' },
      { name: '管道疏通' },
      { name: '电路灯具' },
      { name: '水路卫浴' },
    ],
    from: {
      HomeInfo: '',//报修房屋
      repairsInfo: '',//选择维修项目
      modelValue: undefined,//手机号
      message: '',//问题描述
      fileList: [{ url: 'https://img.yzcdn.cn/vant/leaf.jpg' }] //问题附件
    },
    // 日历选择数据
    date: '',
    calendar: false,
  },
  //问题附件方法
  afterRead(event) {
    const { file } = event.detail;
    console.log(file)
    // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
    wx.uploadFile({
      url: file.thumb, // 仅为示例，非真实的接口地址
      filePath: file.url,
      name: file.type,
      formData: { user: 'test' },
      success(res) {
        // 上传完成需要更新 fileList
        const { fileList = [] } = this.data;
        fileList.push({ ...file, url: res.data });
        this.setData({ fileList });
      },
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getActions()
  },
  //报修房屋列表请求
  async getActions() {
    const res = await wx.$http.get('/repair', {
      current: 1,
      pageSize: 20
    })
    // console.log(res.data.data.rows)
    let value = res.data.data.rows
    this.setData({
      actions: value.toString() ? value : [
        { name: '暂无可报修房屋', disabled: true },
        { name: '黄哈哈' }
      ]
    })


  },
  onHomeInfo() {
    this.setData({
      show: true
    })
  },
  onShowSheet() {
    this.setData({
      showSheet: true
    })


  },
  ShowSelectValue(value) {
    console.log(value)
    this.setData({
      // from['HomeInfo']: value.detail
      from: {
        HomeInfo: value.detail
      }
    })
  },
  SelectValue(value) {
    this.setData({
      from: {
        repairsInfo: value.detail
      }
    })
  },
  // 日历相关方法start
  onDisplay() {
    console.log(1)
    this.setData({ calendar: true });
  },
  onClose() {
    this.setData({ calendar: false });
  },
  formatDate(date) {
    date = new Date(date);
    return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
  },
  onConfirm(event) {
    this.setData({
      calendar: false,
      date: this.formatDate(event.detail),
    });
  },
  // 日历方法end

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})